@media all and (min-width: 1530px) and (max-width: 2047px) {
    .layui-container {
        width: 1400px;
    }
}

@media screen and (min-width: 2048px) {
    .layui-container {
        width: 1600px;
    }

    .main-yyly,
    .main-cpzx,
    .main-about,
    .main-xwzx{
        height: auto;
        padding-bottom: 60px;
    }

    .xwzxslide .swiper-slide .text{
        padding: 30px;
    }

    .xwzxlist ul li{
        padding: 39px;
    }

    .con-piclist ul.info li{
        height: auto;
    }

    .con-land .land-contact{
        height: 470px;
    }

}


@media all and (min-width: 1430px) and (max-width: 1600px) {
    .layui-container {
        width: 1300px;
    }

    .hd-nav .nli h3 a {
        font-size: 17px;
    }

    .xwzxlist ul li {
        padding: 23px;
    }

}


@media all and (min-width: 1280px) and (max-width: 1430px) {
    .layui-container {
        width: 1260px;
    }

    .cpzxlist .swiper-slide:hover a{
        top:0;
    }

    .xwzxlist ul li {
        padding: 20px;
    }

    .hd-nav .nli h3 a {
        font-size: 16px;
    }

    .banSwiper .swiper-slide .text span{
        font-size: 40px;
    }

}

@media all and (min-width: 992px) and (max-width: 1280px) {
    .xwzxlist ul li {
        margin-bottom: 20px;
        box-sizing: border-box;
        padding: 24px;
    }

    .xwzxlist ul li .title {
        height: 24px;
    }

    .xwzxlist ul li .desc {
        margin: 10px 0 15px 0;
    }

    .banSwiper .swiper-slide .text span{
        font-size: 36px;
    }

}

@media screen and (max-width: 1280px) {
    .ft-16 {
        font-size: 14px;
    }

    .mbHide{
        display: none;
    }

    .about-left{
        display: none;
    }

    .banSwiper .swiper-slide .text span{
        font-size: 30px;
    }

    .cpzxlist .swiper-slide:hover a{
        top:0;
    }

    .ft-18 {
        font-size: 16px;
    }

    .ft-36 {
        font-size: 22px;
    }

    .ft-24 {
        font-size: 20px;
    }

    .ft-28 {
        font-size: 22px;
    }

    .ft-30 {
        font-size: 24px;
    }

    .p-t-40 {
        padding-top: 20px;
    }

    .p-t-50 {
        padding-top: 25px;
    }

    .m-t-20 {
        margin-top: 10px;
    }

    .p-t-20 {
        padding-top: 10px;
    }

    .m-b-40 {
        margin-bottom: 20px;
    }

    .p-b-50 {
        padding-bottom: 25px;
    }

    .m-r-30 {
        margin-right: 15px;
    }

    .p-b-65 {
        padding-bottom: 30px;
    }

    .p-t-70 {
        padding-top: 30px;
    }

    .p-t-30 {
        padding-top: 15px;
    }

    .p-b-30 {
        padding-bottom: 15px;
    }

    .m-t-70 {
        margin-top: 35px;
    }

    .m-t-40 {
        margin-top: 20px;
    }

    .header {
        display: none;
    }

    .mbheader {
        display: block;
    }

    .main-about,
    .main-cpzx,
    .main-xwzx,
    .main-yyly {
        height: auto;
    }

    .main-cpzx,
    .main-xwzx,
    .main-about {
        padding-bottom: 40px;
    }

    .con-piclist ul.info li {
        align-items: center;
        height: auto;
    }

    .con-piclist ul.info li .title {
        margin-top: 10px;
    }

    .con-piclist ul.info li .desc {
        margin: 10px 0;
    }

    .con-detail .detail {
        padding: 35px 120px;
    }

}


@media screen and (max-width: 992px) {
    .column .name {
        font-size: 24px;
    }

    .banSwiper .swiper-slide .text span{
        font-size: 24px;
    }

    .column .name-en {
        font-size: 16px;
    }

    .column .more {
        width: 80px;
        height: 30px;
        line-height: 30px;
        background-size: 100% 100%;
    }

    .xwzxlist ul li,
    .xwzxslide .swiper-slide .text {
        padding: 15px;
    }

    .xwzxlist ul li .title {
        margin-top: 10px;
    }

    .xwzxlist ul li .desc {
        margin: 5px 0 10px 0;
    }


    .xwzxslide .swiper-slide .title {
        margin: 15px 0;
    }


    .column,
    .main-cpzx .column {
        height: auto;
        align-items: center;
        padding: 40px 0 20px 0;
    }

    .about-right .desc {
        line-height: 30px;
    }

    .cpzxlist .swiper-pagination1,
    .cpzxlist .swiper-pagination2,
    .cpzxlist .swiper-pagination3 {
        margin-top: 15px;
    }

    .img_content {
        width: 90%;
        left: 5%;
    }

    .img_content video {
        width: 100%;
        height: auto;
    }


    .footer {
        height: auto;
    }

    .footer .ft-top {
        height: auto;
        padding: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer .ft-banq {
        line-height: 30px;
        padding: 15px;
    }

    .footer .text {
        margin: 15px 0;
    }

    .footer .ft-banq p {
        font-size: 14px;
    }

    .footer .ft-logo img {
        width: 100%;
    }

    .itemlist .item {
        width: calc((100% - 20px) / 2);
        height: auto;
        box-sizing: border-box;
        padding: 25px 0;
        margin-bottom: 15px;
    }

    .itemlist .item3,
    .itemlist .item4 {
        margin-bottom: 0;
    }

    .itemlist .item p {
        font-size: 18px;
    }

    .itemlist .item .ico {
        width: 40px;
    }

    .itemlist .item .ico img {
        width: 100%;
    }

    .main-cpzx .tablist,
    .main-xwzx .tablist {
        position: unset;
        /*justify-content: space-around;*/
        margin: 0 0 20px 0;
    }

    .main-cpzx .tablist a,
    .main-xwzx .tablist a {
        width: auto;
        padding: 0 5px;
        font-size: 14px;
        margin: 0;
        height: 30px;
        line-height: 30px;
        background-size: 100% 100%;
        margin-right: 5%;
    }

    #scrolltop {
        display: none !important;
    }

    .footer .code img{
        max-width: 110px;
    }

    .nei-banner {
        height: 150px;
    }

    .con-textlist ul.info li .title {
        margin-top: 10px;
    }

    .con-textlist ul.info li .desc {
        margin: 10px 0;
    }

    .con-textlist ul.info li {
        height: auto;
        padding: 15px;
    }

    .sub-list ul {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    .sub-list ul li {
        height: 35px;
        padding: 0 15px;
    }

    .sub-list ul li a {
        font-size: 14px;
    }

    .nei-footer {
        height: auto;
        background-size: cover;
        padding-bottom: 35px;
    }

    .main-yyly {
        padding-bottom: 35px;
    }

    .main-yyly .column {
        padding: 40px 0 20px 0;
    }

    .con-piclist ul.info li {
        height: auto;
        padding: 15px;
    }

    .con-piclist ul.info li .img {
        width: 100%;
    }

    .con-piclist ul.info li .text {
        width: 100%;
        padding: 15px 0 0 0;
    }

    .con-piclist ul.info li .title {
        margin-top: 10px;
    }

    .con-piclist ul.info li .desc {
        margin: 10px 0;
    }

    .con-piclist ul.info li {
        height: auto;
        padding: 15px;
    }

    .three-level-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .three-level-list a {
        padding: 5px 15px;
        margin-top: 15px;
        margin-right: 0;

    }

    .con-cpzx ul.info li .img {
        height: auto;
    }

    .con-cpzx ul.info li {
        margin-bottom: 20px;
    }

    .con-detail .detail {
        padding: 25px 90px;
    }

    .con-detail .dtl p {
        font-size: 14px;
        line-height: 30px;
        word-break: break-all;
    }

    .prodectDtl .cont .left, .prodectDtl .cont .right{
        width: 100%;
    }

    .prodectDtl .cont{
        flex-wrap: wrap;
    }

    .prodectDtl .top .tpc-text{
        width: 100%;
        padding: 0;
        border: unset;
    }

    .prodectDtl .top .tpc-img{
        width: 100%;
        margin-bottom: 15px;
    }

    .prodectDtl .dtldesc{
        height: auto;
    }

    .dtlContact p{
        text-align: center;
    }

    azxqText{
        height: auto;
    }

    .prodectDtl .top{
        height: auto;
        flex-wrap: wrap;
    }

    .prodectDtl{
        padding: 15px;
    }

    .dtlContact{
        height: auto;
        padding: 15px;
    }

    .dtlContact .box{
        flex-wrap: wrap;
    }

    .prodectDtl .title,
    .prodectDtl .dtldesc,.prodectDtl .dtlName{
        text-align: left;
    }

    .dtlContact .b1{
        width: 100%;
        margin: 5px 0;
    }

}

@media screen and (max-width: 640px) {

    .prodectDtl .top .tpc-img img{
        height: auto;
    }

    .pagination li a {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .crumbs-name {
        line-height: unset;
        font-size: 24px;
    }

    .crumbs-flex {
        padding: 15px 0;
        min-width: auto;
        background-size: 100% 100%;
    }

    .con-detail .detail {
        padding: 15px 25px;
    }

    .con-detail .timer {
        padding: 5px 0;
    }

    .pager {
        line-height: 30px;
        padding: 15px 0;
    }

    .pager li {
        width: 100%;
        float: unset;
    }

    .pager li.next a {
        text-align: left;
    }

    .pager li a {
        font-size: 14px;
    }

    .con-land .land-contact {
        padding: 30px 15px;
        height: auto;
    }

    .land-list p span {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .land-list p {
        line-height: 25px;
        padding: 5px 0;
        font-size: 14px;
    }

    .land-message{
        padding: 15px;
    }

    .land-message .f-form input {
        height: 45px;
        line-height: 45px;
        padding-left: 10px;
    }

    .land-message .f-form textarea{
        padding-left: 10px;
    }

    .land-message .text-center button{
        height: 45px;
        margin-bottom: 15px;
    }

    .land-message .f-form.yanzm a{
        left: auto;
        right: 0;
    }

    .banSwiper .swiper-slide .text span{
        font-size: 18px;
    }

    .banSwiper .swiper-next, .banSwiper .swiper-prev{
        width: 54px;
        height: 32px;
    }
    .about-right .name{
        font-size: 22px;
    }

    .cpzxlist .cpzxslide .btnNext{
        right: 5%;
        bottom: 0;
        top: auto;
        text-align: right;
    }

    .cpzxlist .cpzxslide .btnNext img{
        width: 60%;
    }

    .cpzxlist .cpzxslide .btnPrev{
        left: 5%;
        bottom: 0;
        top: auto;
    }

    .cpzxlist .cpzxslide .btnPrev img{
        width: 60%;
    }

    .itemlist .item1:hover a,
    .itemlist .item2:hover a,
    .itemlist .item3:hover a,
    .itemlist .item4:hover a{
        background: unset;
    }

    .xwzxslide .swiper-paginationxw{
        display: none;
    }

    .advSwiper .swiper-pagination-bullet{
        width: 6px;
        height: 6px;
    }

    .advSwiper .swiper-pagination{
        padding: 0 10px;
        bottom: 5px;
    }

}